<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp" ontouchstart>
        <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
            <!--header开始-->
            <!-- <div id="header" class="uh bc-text-head ub bc-head">
              <div class="nav-btn" id="nav-left">
                  <div class="fa fa-align-justify ulev2"></div>
              </div>
              <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">滁州学院新生网</h1>
              <div class="nav-btn" id="nav-right">
              </div>
            </div> -->
            <!--header结束--><!--content开始-->
            <div id="content" class="ub-f1 tx-l">

            </div>
            <!--content结束-->
            
            <!-- footer开始 -->
            <div id="footer"class="h3">
                <div id="tabview" class="uf sc-bg ubt sc-border-tab"></div>

            </div>
            <!-- footer结束 -->
            
        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
   <script src="js/appcan.tab.js"></script>
 </body>
    <script>
        appcan.ready(function() {
           //var titHeight = $('#header').offset().height;
            //appcan.frame.open("content", "index_content.html", 0, titHeight);
           
           //内容切换
           appcan.frame.open({
                id:"content",
                url:[{
                    "inPageName":"p1",
                    "inUrl":"home_content.html",
                },{
                    "inPageName":"p2",
                    "inUrl":"plan_content.html",
                },{
                    "inPageName":"p3",
                    "inUrl":"life_content.html",
                },{
                    "inPageName":"p4",
                    "inUrl":"user_content.html",
                }],
                top:0,
                left:0,
                index:0,
                change:function(err,res){
                    tabview.moveTo(res.multiPopSelectedIndex);
                }
            });
            window.onorientationchange = window.onresize = function() {
                appcan.frame.resize("content", 0, titHeight);
            }
        });
        


        
        
//         底部js代码
         
        appcan.button(".nav-btn", "btn-act", function() {
            appcan.window.close(-1);
        })
        
        var tabview = appcan.tab({
            selector : "#tabview",
            hasIcon : true,
            hasAnim : true,
            hasLabel : true,
            hasBadge : true,
            data : [{
                label : "首页",
                "icon" : "fa-home sc-text-warn"
            }, {
                label : "来校方式",
                "icon" : "fa-car sc-text-warn"
            }, {
                label : "校园生活",
                "icon" : "fa-book sc-text-warn",
            }, {
                label : "个人中心",
                "icon" : "fa-user sc-text-warn ",
            }]
        });
        tabview.on("click", function(obj, index) {
            appcan.window.selectMultiPopover("content",index);
        })
 
   
 </script>
</html>